/**
 * Tatoeba Project, free collaborative creation of multilingual corpuses project
 * Copyright (C) 2010  HO Ngoc Phuong Trang <tranglich@gmail.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */


/*
 * Edit form
 */
#UserEditForm {
    margin: 20px 0;
    font-size: 18px;
    width: 560px;
}

#UserEditForm fieldset {
    background: #DEF0C9;
    border: 2px solid #AFBC9E;
    color: #444;
}

#UserEditForm label:first-child {
    width: 180px;
    display: block;
    float: left;
    text-align: right;
    padding: 5px 10px;
    clear: left;
}

#UserEditForm div.input {
    padding: 3px;
}

#UserEditForm .text input, #UserEditForm .select select {
    font-size: 18px;
    width: 300px;
    border: 1px solid #989898;
    padding: 2px 4px;
}

#UserEditForm .radio label {
    margin-right: 20px;
}

#UserEditForm div.checkbox input {
    height: 25px;
    width: 25px;
}

#UserEditForm img.profile {
    float: left;
}
#UserEditForm input:checked ~ img.profile {
    display: none;
}

#UserEditForm details > summary {
    cursor: pointer;
}
#UserEditForm details > summary[data-show]::after {
    content: attr(data-show);
}
#UserEditForm details:open > summary[data-hide]::after {
    content: attr(data-hide);
}

#UserEditForm textarea {
    width: 99%;
    height: 350px;
}

#UserEditForm div.submit {
    text-align: center;
    margin-top: 10px;
}

#UserEditForm div.submit input {
    font-size: 18px;
    padding: 8px 20px;
}

.actions {
    list-style-type: none;
    padding: 0;
    margin: 30px 0 !important;
}

.actions li {
    font-size: 20px;
    border: 1px solid #555;
    margin: 10px;
    background: #6CBC70;
    text-align: center;
}

.actions .delete {
    background: #CE0000;
}

.actions a {
    display: block;
    padding: 5px 20px;
    color: white;
}